<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础选择器</title>
  <style>
<!--    选择器 {
       属性名称: 属性值

       基本选择器 ：

}-->
       div {
           width: 200px;
           height: 200px;
           border: 1px solid;
       }


       .box{
           /*border: 1px solid;*/
           /*width: 100px;*/
           /*height: 100px;*/
           /*background-color: greenyellow;*/
       }

       /*css中不常用，js中常用*/
       #box1{
             background-color: red;
       }
  </style>
</head>
<body>


    <div class="box">
      hello
    </div>

   <div>

   </div>

   <div class="box" id="box1">
       world
   </div>
</body>
</html>